<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线客服-[${userName}]</title>
<script type="text/javascript" src="${basePath}js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="${basePath}js/jquery.validate.js"></script>

<script type="text/javascript" src="${basePath}js/jquery.tmpl.js"></script>
<script src="${basePath}js/socket.io/socket.io.js"></script>
<script src="${basePath}js/moment.min.js"></script>
<script type="text/javascript" src="${basePath}js/config.jsp"></script>
<script type="text/javascript" src="${basePath}js/js.js"></script>
<script type="text/javascript" src="${basePath}js/talk.js"></script>
<script type="text/javascript" src="${basePath}js/My97DatePicker/WdatePicker.js"></script>
<link href="${basePath}css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	var basePath = '${basePath}';
	window.UEDITOR_HOME_URL = basePath+"js/ueditor/";
</script>
<script src="${basePath}js/ueditor/ueditor.all.js" type="text/javascript"></script>
<script src="${basePath}js/ueditor/ueditor.config.talk.js" type="text/javascript"></script>
<script type="text/javascript" src="${basePath}js/jquery.wresize.js"></script>
<script>
$(function(){
	//实例化编辑器
		var _w = $(".l_service_bj").width();
		var ue = UE.getEditor('editor',{ 
			initialFrameWidth : (_w-5),
	        initialFrameHeight: 169
		});
		
		
		
});
</script>
</head>
  
<body>
<input type="hidden" id="localAddr" value="<%=request.getLocalAddr()%>">
<input type="hidden" id="localPort" value="<%=request.getLocalPort()%>">
<!-- 当前用户基本信息 -->
<input id = "hid_userInfo" type="hidden" value='${userjson}'/>
<!-- 主窗口模板 -->
<script id="chatTemplate" type="text/x-jquery-tmpl">
	<div class="chatContainer chatContainer_{{= uid}} userChatItems_{{= uid}}" style="display:none;">
	<div class="cutpast snapshotButton"></div>
		<div class="l_service_title" id = "titleInfo_{{= uid}}"></div>
		<div class="l_service_list rList chatDiv l_service_overF" id="{{= uid}}"></div>
		<div class="l_service_list rList l_service_overF l_serviceList l_serviceHidden"  id="lvEdit_{{= uid}}"></div>
		<div class = "serviceList_close_btn serviceList_close_btn_{{= uid}}"></div>
		<div class="l_service_yu">
			<div class="l_service_bj_{{= uid}}">
				<div id = 'editor_{{= uid}}'></div>
				
			</div>
			<div class="l_service_cz">
				<div class="hfls hfls_{{= uid}}" groupid = "{{= uid}}"  id = "replyArea_{{= uid}}" style="display:none"></div>
				<span class="l_service_cz_button">
					<input type="button" value=" " groupid="{{= uid}}"  class="l_service_cz_send l_service_cz_button_{{= uid}}" />
					<input type="button" groupid = "{{= uid}}" value=" " class="ksButton ksButton_{{= uid}}" />
					<span class="HistoryNews_text">
						<input type="text" id="his_date_{{= uid}}"  readonly="readonly" class="required" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})">
						<button id = "his_btn_{{= uid}}" groupid="{{= uid}}" class="HistoryNews_btn"></button>
					</span>
				</span>
			</div>
		</div>
	</div>
</script>

<script id="visitTemplate" type="text/x-jquery-tmpl">
	<li><span>姓名：</span><b>{{= username}}</b></li>
	<li><span>工号：</span><b>{{= loginid}}</b></li>
	<li><span>营业厅：</span><b>{{= dept}}</b></li>
	<li><span>手机号：</span><b>{{= phone}}</b></li>
</script>

<script id="titleInfoTemplate" type="text/x-jquery-tmpl">
	<span>{{= groupname}}&nbsp;会话中…</span>
</script>

<div class="top">
	<object id="plugin0" type="application/x-npscreencapture" width="0" height="0">
   		 <param name="onload" value="pluginLoaded" />
	</object>
	<div class="t_logo">
		<div style="float:left; width:460px; line-height:65px; padding-left:340px; font-size:26px; color:#ff0000; text-decoration: none; font-weight: bold;"><a href="http://133.99.40.28:9980/knowledge/install_flash_player_ax.exe"><span style="color:red">建议使用Google浏览器，点击下载</span></a></div>
		<div id="jumpLink" style="width:160px; float:left; line-height: 65px; font-size: 14px; font-family:arial; font-weight: bold; color:#fff">
		&nbsp;<a href="http://133.99.40.28:9980/knowledge/question/queryTypeListAjaxOpen.do">返回申告主页</a>
		</div>
		<div id = "userCount" style="width:160px; float:right; line-height: 65px; font-size: 14px; font-family:arial; font-weight: bold; color:#fff"></div>
	</div>
</div><!--top end-->

<div class="cont">
<div id="dialog_info" class="box" >
	<div class="box_title">
		<span class="t_text">控件下载</span>
		<span class="t_pic"><img src="../images/close.png"></span>
	</div>
	<div class="box_con"><a href="${basePath}Setup.exe">检测到您没有安装截图插件，请点击下载安装<br/><span class="download_RedLink">[请关闭浏览器，再进行安装]</span></a></div>
</div>	
	<div class="right">
				
		<div class="in_serverlist in_serverlist_two">
			<div id="channel" style="border-bottom:none;" >
				<ul id="sex_smail_channel">
					<li class="curMenu"><a onclick="secBoard('channel','list',1)"><span>群组列表</span></a></li>
					<li class="ocurMenu"><a onclick="secBoard('channel','list',2)"><span>群组成员列表</span></a></li>
				</ul>
			</div>
			<div id="xuanxiangka" class = "xuanxiangka xuanxiangka2">
				<div id="list_1" class="L_xuanxiangka xuanxiangka2">
					<ul id="grouplist" style="margin:0; padding:0px;"></ul>
				</div>
				<div id="list_2" class="L_xuanxiangka a_hide L_xuangxiangka_peo xuanxiangka2" style="display:none">
					<ul id="userlist" style="margin:0; padding:0px;"></ul>
				</div>
			</div>
		</div><!--in_paihang end-->
		
		<!-- <div class="r_customer_information r_customer_peo"><span>营业员详细</span></div>
		<div class="r_customer_ls r_customer_ls_bottom" >
			<ul id="visitInfo"></ul>
		</div> -->
	
	</div><!--right end-->
	
	<div class="left" id="chatContainers">
		<div class="chatContainer" id="defaultChatContainer">
			<div class="l_service_title">&nbsp;请选择群组</div>
			<div class="l_service_list rList l_service_overF"  id="lvEdit"></div>
			<div class="l_service_list rList l_service_overF l_serviceList l_serviceHidden"  id="lvEdit">历史记录</div>
			<div class="l_service_yu">
				<div class="l_service_bj">
					<div id = 'editor'></div>
					<div class="cutpast"></div>
				</div>
				<div class="l_service_cz">
					<!-- <span class="l_service_cz_myd"><input type="button" value="" class="l_service_cz_pj evaluation" userid = "" /></span>
					<div class="hfls" id = "replyArea" style="display:none"></div>
						<span class="l_service_cz_button">
						<input type="button" value=" " class="l_service_cz_send" />
						<input type="button" value=" " class="ksButton" />
						<span class="HistoryNews_text">
							<input type="text" id="his_date"  readonly="readonly" class="required" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})">
							<button id = "his_btn" class="HistoryNews_btn"></button>
						</span>
						</span> -->
						
				</div>
			</div>
		</div>
	</div><!--left end-->
</div><!--cont end-->
</body>
</html>
